<template>
  <el-dialog
    v-model="dialogVisible"
    title="新增电影"
    width="23%"
    class="rounded-23px"
  >
    <slot />
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="dialogVisible = false">取消</el-button>
        <el-button
          type="primary"
          @click="$emit('click')"
        >
          确定
        </el-button>
      </span>
    </template>
  </el-dialog>
</template>

<script setup lang='ts'>
import { ref } from 'vue';
import { ElDialog } from 'element-plus';

const dialogVisible = ref(false);

</script>
<style scoped></style>
